<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/P8.css" />
		<script src="http://wow.techbrood.com/libs/jquery/jquery-1.11.1.min.js"></script>
		<style type="text/css">
			.content {
				display: grid;
				
				grid-template-columns: 100px auto 100px;
				grid-template-rows: 100px 100px 100px;
				grid-template-areas: 'a b c'
										'd e f'
									'g h i';
			}

			p {
				background-color: yellow;
				box-sizing: border-box;
				border: 1px solid #000000;
			}
		</style>
	</head>
	<body>
		<div class="content">
			<p>1</p>
			<p>2</p>
			<p>3</p>
			<p>4</p>
			<p>5</p>
			<p>6</p>
			<p>7</p>
			<p>8</p>
			<p>9</p>

		</div>
	</body>
</html>
